<template>
	<view class="content">
		<image src="../../static/imgs/home/index1.png" mode="aspectFit" class="image"></image>
		<view class="button">{{codeNum}}s | 跳过</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				codeNum:3
			}
		},
		onShow() {
			let interval = setInterval(() => {
				if (this.codeNum > 0){
					this.codeNum -= 1;
				}else {
					clearInterval(interval)
				}
			},1100);
		},
		methods:{
			
		}
	}
</script>

<style lang="scss" scoped>
	.content{
		background: #fff;
		position: relative;
	}
	.image{
		width: 750rpx;
		height: 100vh;
		z-index: 9;
	}
	.button{
		width: 160rpx;
		height:60rpx;
		line-height:60rpx;
		text-align: center;
		background-color: rgba(0, 0, 0, .4);
		border-radius: 30rpx 30rpx;
		font-size: 28rpx;
		color: #fff;
		position: fixed;
		right: 60rpx;
		z-index: 999;
		top: 60rpx;
	}
</style>